/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Administration Page</title>
    <link rel="stylesheet" href="<?php echo base_url("assets/css/bootstrap.css"); ?>" />
    <script type="text/javascript" src="<?php echo base_url("assets/js/jquery.min.js");?>"></script>
    <script type="text/javascript" src="<?php echo base_url("assets/js/bootstrap.js"); ?>"></script>
    <style>
        .row{
            margin-top: 5% ;
        }
        .table-striped>tbody>tr:nth-child(odd)>td, 
        .table-striped>tbody>tr:nth-child(odd)>th {
            background-color: #d8d8d8;
        }
        .header-button:hover{
            text-decoration: underline;
            color: blue;
        }

        .header-button{
            background-color: #d8d8d8;
            border: 0px;
            padding-bottom: 0px;
        }
        .paging_location{
            padding-left: 10px;
            padding-right: 10px;
            float:left;
        }
        .m_tabID{
            width: 3%;
            vertical-align: middle !important;
            text-align: center !important;
        }
        .m_tab1{
            width: 10%;
            vertical-align: middle !important;
            text-align: center !important;
        }
        .m_tab2{
            width: 15%;
            vertical-align: middle !important;
            text-align: center !important;
        }
        .m_tab3{
            width: 40px;
            vertical-align: middle !important;
            text-align: center !important;
        }
        .m_tab4{
            width: 25%;
            vertical-align: middle !important;
            text-align: center !important;
        }
        .form-left{
            float:left;
            padding-left: 5px;
        }
        .paging-left{
            float:left;
            padding-left: 10px;
        }
        .form-right{
            float:right;
            padding-right: 5px;
        }
        .linkid{
            text-align: center !important;
        }
        p {
            font-family: "Arial";
            font-size: 20px;
        }
        .table tbody tr td, .table tbody tr th{
            font-size:12px;
        }
        .table tbody tr:hover td   {
            background-color: #cacaca;
            
        }
        .decorId{
            text-decoration: underline;
        }
        .caret-up {
            display:inline-block;
            width:0;
            height:0;
            margin-left:2px;
            vertical-align:middle;
            border-bottom:4px solid;
            border-right:4px solid transparent;
            border-left:4px solid transparent
        }
        .count_rec{
            margin-left: 5px;
        }
    </style>
  </head>
  <body>           
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="<?php echo site_url()."welcome" ?>">Admin Page</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse pull-right">
          <ul class="nav navbar-nav">
                <?php
				
                    foreach ($query as $row)
                    {   
                        if ($row->role_name == $active)
                        {
                        ?>  
                        <li class="active"><a href="<?php echo strtolower($row->role_name);  ?>"><?php echo $row->role_name;  ?></a></li>
                <?php   }else{ ?>
                        <li><a href="<?php echo strtolower($row->role_name);  ?>"><?php echo $row->role_name;  ?></a></li>
                    
                <?php        }
                    }

                ?>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>